<template>
  <div class="systemConfig">
    <div class="left_menu">
      <systemMenu></systemMenu>
    </div>
    <div class="right_content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import systemMenu from "./components/systemMenu.vue";
export default {
  components: {
    systemMenu
  },
  data() {
    return {

    };
  },
  computed: {},
  watch: {},
  methods: {}
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.systemConfig {
  user-select: none;
  height: 97%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 20px;

  // padding: 10px;
  // background-color: #f2f2f2;
  .left_menu {
    width: 12.5%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 4px;
  }

  .right_content {
    width: 87%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 4px;
  }
}

:deep(.el-form-item__label) {
  font-size: 16px;
  color: #303133;
}

:deep(.el-button) {
  padding: 7px 12px;
  font-size: 16px;
}

:deep(.el-button--small) {
  font-size: 16px;
}</style>
